<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>艺点官网首页</title>
		<style>
			/*
        	作者：张浩玉
        	时间：2017-04-18
        	描述：第一部分CSS开始
        	*/
			
			* {
				margin: 0;
				padding: 0;
			}
			
			a {
				text-decoration: none;
			}
			
			.h_container {
				width: 100%;
				height: 830px;
			}
			
			.h_container1 {
				width: 1920px;
				height: 660px;
				background: #F5F5F5;
			}
			
			.h_part {
				width: 1200px;
				height: 100%;
				margin: auto;
				background: #f5f5f5;
			}
			
			.h_part1 {
				height: 100%;
				width: 190px;
				float: left;
			}
			
			.h_part2 {
				float: left;
				height: 100%;
				width: 1010px;
			}
			
			.h_part2_block1 {
				background: #f1f1f1;
				margin-top: 60px;
				width: 495px;
				height: 380px;
			}
			
			.h_part2_title {
				font-family: arial;
				font-weight: bold;
				font-size: 60px;
				color: #ff5a00;
				padding-left: 55px;
				padding-top: 80px;
				line-height: 100%;
			}
			
			.h_part2_sub {
				font-family: arial;
				font-size: 38px;
				color: #a8a8a8;
				padding-left: 55px;
				line-height: 100%;
			}
			
			.h_part2_content {
				font-family: "微软雅黑";
				font-size: 28px;
				color: #3d3d3d;
				padding-left: 55px;
				padding-top: 20px;
				padding-bottom: 50px;
			}
			
			.h_part2_more {
				font-family: "宋体";
				font-size: 14px;
				color: #666;
				padding-left: 55px;
			}
			
			.h_part2_more1 {
				font-family: "宋体";
				font-size: 14px;
				color: #666;
			}
			
			.h_part2_block2 {
				position: relative;
				bottom: 330px;
				left: 435px;
				width: 555px;
				height: 300px;
			}
			
			.h_part2_block3 {
				position: relative;
				bottom: 305px;
				float: left;
				/*width: 495px;*/
				width: auto;
				height: 360px;
				margin-right: 20px;
				/*修改部分!!!!!!!!!!!!!*/
			}
			
			.h_part2_block0 {
				position: relative;
				bottom: 303px;
				float: left;
				left: 517px;
				width: auto;
				height: auto;
				margin-right: 20px;
			}
			
			.h_part2_block3 img {
				height: 100%;
				width: 100%;
			}
			
			.h_part2_block4 {
				width: 498px;
				height: 145px;
				margin-bottom: 25px;
			}
			
			.h_part2_block4_li {
				float: left;
				height: 100%;
				width: 230px;
			}
			
			.h_part2_block4_img {
				float: left;
				margin-right: 20px;
				width: 215px;
				height: 140px;
			}
			
			.h_part2_block4_img img {
				width: 100%;
				height: 100%;
			}
			
			.h_part2_block0 {
				float: left;
			}
			
			.h_p1 {
				font-family: "微软雅黑";
				font-size: 17px;
				color: #3d3d3d;
				margin-bottom: 22px;
			}
			
			.h_p2 {
				/*修改部分*/
				font-family: "微软雅黑";
				font-size: 12px;
				color: #000000;
				margin-bottom: 15px;
				overflow: hidden;
				text-overflow: ellipsis;
				-o-text-overflow: ellipsis;
				/*white-space: nowrap;*/
				display: -webkit-box;
				-webkit-line-clamp: 2;
				-webkit-box-orient: vertical;
			}
			
			.h_li_day {
				font-family: "微软雅黑";
				font-size: 11px;
				color: #838383;
			}
			
			.h_li_time {
				font-family: "微软雅黑";
				font-size: 11px;
				color: #838383;
				margin-right: 25px;
			}
			/*
        	作者：张浩玉
        	时间：2017-04-18
        	描述：第一部分CSS结束
        	*/
			
			.h_hr {
				color: #e4e4e4!important;
				margin-bottom: 10px!important;
			}
			
			.h_box1 {
				width: 505px;
				height: 100%;
				float: left;
			}
			
			.h_box_title {
				font-family: arial;
				font-size: 40px;
				font-weight: bold;
				color: #FF5A00;
				padding-left: 30px;
				padding-top: 80px;
			}
			
			.h_box_sub {
				font-family: arial;
				font-size: 24px;
				padding-left: 30px;
				color: #A8A8A8;
			}
			
			.h_box_content {
				font-family: "微软雅黑";
				font-size: 30px;
				color: #3D3D3D;
				padding-left: 30px;
				padding-top: 10px;
				padding-bottom: 70px;
			}
			
			.h_box_title2 {
				font-family: arial;
				font-size: 40px;
				font-weight: bold;
				color: #FF5A00;
				padding-left: 80px;
				padding-top: 80px;
			}
			
			.h_box_sub2 {
				font-family: arial;
				font-size: 24px;
				padding-left: 80px;
				color: #A8A8A8;
			}
			
			.h_box_content2 {
				font-family: "微软雅黑";
				font-size: 30px;
				color: #3D3D3D;
				padding-left: 80px;
				padding-top: 10px;
				padding-bottom: 70px;
			}
			
			.h_box_text {
				font-family: "微软雅黑";
				font-size: 16px;
				color: #3D3D3D;
				text-align: center;
				padding-top: 20px;
				padding-bottom: 15px;
			}
			
			.h_box_number {
				font-family: "times new roman";
				font-size: 45px;
				color: #FF5A00;
				text-align: center;
				padding-bottom: 25px;
			}
			
			.h_box_time {
				font-family: "微软雅黑";
				font-size: 14px;
				color: #666666;
				text-align: center;
				padding-bottom: 2px;
			}
			
			.h_box_left {
				padding-left: 60px;
			}
			
			.h_box_righ {
				padding-left: 230px;
			}
			
			.h_box_people2,
			.h_box_people {
				text-align: center;
			}
			
			.h_button {
				font-family: "微软雅黑";
				font-size: 24px;
				color: #FF5A00;
				border: 3px solid #FF5A00;
				border-radius: 4px;
				width: 260px;
				height: 50px;
				text-align: center;
				line-height: 50px;
				margin-bottom: 20px;
			}
			
			.h_box_p {
				font-family: "微软雅黑";
				font-size: 18px;
				color: #3D3D3D;
				text-align: center;
			}
			
			.h_button:hover {
				font-family: "微软雅黑";
				font-size: 24px;
				color: #FFFFFF;
				background: #FF5A00;
				border: 3px solid #FF5A00;
				border-radius: 4px;
				width: 260px;
				height: 50px;
				text-align: center;
				line-height: 50px;
				margin-bottom: 20px;
			}
			
			.h_block {
				width: 493px;
				height: 55px;
					line-height: 55px;
					text-align: center;
				background: rgba(0, 0, 0, 0.8);
				position: relative;
				top：55px;
				left: 0px;
				color: #ffffff;
				font-family: "微软雅黑";
				font-size: 20px;
			}
		</style>
	</head>

	<body>
		<!--
        	作者：张浩玉
        	时间：2017-04-18
        	描述：第一部分开始
        -->
		<div class="h_container">
			<div class="h_part">
				<div class="h_part1">
					留白
				</div>
				<div class="h_part2">
					<div class="h_part2_block1">
						<div class="h_part2_title">NEWS</div>
						<div class="h_part2_sub">Yidian</div>
						<div class="h_part2_content">艺点动态</div>
						<div class="h_part2_more">查看更多 <img src="img/h_yjt.png" /></div>
					</div>

					<img class="h_part2_block2" src="img/h_img1.png" />
					<div class="h_part2_block3">

					</div>
					<div class="h_block">
建品牌服务生态系统，建品牌服务生态系统，
					</div>
					<div class="h_part2_block0">
						<div class="h_part2_block4">
							<div class="h_part2_block4_img">
								<img src="img/h_img3.jpg" />
							</div>
							<div class="h_part2_block4_li">
								<p class="h_p1">构建品牌服务生态系统，做天津互联网企业新名片</p>
								<p class="h_p2">2017年2月16日上午，天津市委常7年2月16日上午，天津市委常7年2月16日上午，天津市委常7年2月16日上午，天津市委常7年2月16日上午，天津市委常委、市委统战部部长王宏江部长 . . .</p>
								<hr class="h_hr" />
								<span class="h_li_day">2017-04-10</span>
								<span class="h_li_time">16:26:33</span>
								<a class="h_part2_more1" href="#">查看更多 <img src="img/h_yjt.png" /></a>
							</div>
						</div>

						<div class="h_part2_block4">
							<div class="h_part2_block4_img">
								<img src="img/h_img3.jpg" />
							</div>
							<div class="h_part2_block4_li">
								<p class="h_p1">构建品牌服务生态系统，做天津互联网企业新名片</p>
								<p class="h_p2">2017年2月16日上午，天津市委常委、市委统战部部长王宏江部长 . . .</p>
								<hr class="h_hr" />
								<span class="h_li_day">2017-04-10</span>
								<span class="h_li_time">16:26:33</span>
								<a class="h_part2_more1" href="#">查看更多 <img src="img/h_yjt.png" /></a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--
        	作者：张浩玉
        	时间：2017-04-18
        	描述：第一部分结束
        -->
		<div class="h_container1">

			<div class="h_part">
				<div class="h_part1">
					留白
				</div>
				<div class="h_box1">
					<div class="h_box_title">TELEPHONE</div>
					<div class="h_box_sub">Counseling</div>
					<div class="h_box_content">电话咨询</div>
					<div class="h_box_left">
						<div class="h_box_people"><img src="img/h_img5.png"></div>
						<div class="h_box_text">别再犹豫，立即致电</div>
						<div class="h_box_number">400-0431-143</div>
						<div class="h_box_time">周一至周五（09:00 —— 21:00）</div>
						<div class="h_box_time">周六至周日（09:00 —— 18:00）</div>
					</div>
				</div>
				<div class="h_box1">
					<div class="h_box_title2">ONLINE</div>
					<div class="h_box_sub2">Counseling</div>
					<div class="h_box_content2">在线咨询</div>
					<div class="h_box_righ">
						<div class="h_box_people2"><img src="img/h_img4.png"></div>
						<div class="h_box_text">项目顾问 - 艺点</div>
						<div class="h_button">点击咨询</div>
						<div class="h_box_p">立刻获得专业建议</div>

					</div>
				</div>
			</div>
		</div>
	</body>

</html>